<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>IntegralUI Studio for Web v3.0 - Release Notes</title>
    <style type="text/css">
        body
        {
            font-family: Calibri;
            font-size: 1em;
        }
        h1
        {
            font-size: 2.4em;
        }
        h2
        {
            font-size: 1.8em;
        }
        h3
        {
            font-size: 1.2em;
        }
        ul li
        {
	        padding: 2px 0;
        }
        .footer
        {
            font-size: 0.75em;
        }
        hr
        {
            background-color: #c3c3c3;
            border: thin solid 1px;
            border-width: 0 0 1px 0;
            height: 1px;
            margin-right: 15px;
        }
    </style>
</head>
<body>
    <h1 style="margin:30px 0 0 0; text-align: center"><span style="color:#c60d0d">IntegralUI</span> Studio <span style="font-size:0.75em; font-style:italic">for Web</span></h1>
    <h2 style="margin:0 0 20px 0; text-align: center"><span style="font-size: 0.875em">v3.0</span></h2>
    <p style="text-align: center"><a href="http://www.lidorsystems.com/products/web/studio/"><img alt="IntegralUI Studio for Web - Screenshot" src="http://www.lidorsystems.com/images/iui-studio-web-v30000.png" /></a></p>
    <p style="margin-top: 50px;"><strong><span style="color:#c60d0d">IntegralUI</span> Studio for Web</strong> is a suite of advanced AngularJS directives and jQuery widgets. All components have many features like: fully customizable appearance, optimized for fast data loading and update, improved drag and drop functionality, animations, support for right-to-left layouts, themes and much more.</p>
    <h3 style="color: #0000DD;">What's included</h3>
    <ul>
        <li><b>Accordion</b> - A list of expandable groups with header and content panel</li>
        <li><b>CheckBox</b> - Native AngularJS directive that represents a check box</li>
        <li><b>ComboBox</b> - Native AngularJS directive that represents a combo box</li>
        <li><b>ContextMenu</b> - Adds a custom context menu to other AngularJS Directives</li>
        <li><b>Grid</b> - Fast Grid component that displays tabular data sets</li>
        <li><b>Menu</b> - Allows you to easily navigate among pages in your web apps</li>
        <li><b>SlideBar</b> - Animates slides composed of images or custom content</li>
        <li><b>TabStrip</b> - Allows you to create tabbed user interface in your web apps</li>
        <li><b>TreeGrid</b> - A Grid component that shows hierarchical data structures in multiple columns</li>
        <li><b>TreeView</b> - Fast data loading and update of hierarchical structures</li>
    </ul>
    <h3 style="color: #009933;">What's New</h3>
    <ul>
        <li>New directives:
            <ul>
                <li>Grid - native AngularJS directive that displays tabular data sets</li>
                <li>SlideBar - native AngularJS directive that animates slides composed of custom content</li>
           </ul>
        </li>
        <li>Templates - allows you to add custom content to each cell and item in Grid, TreeGrid and TreeView directives</li>
        <li>Grid grouping - option to dynamically create group fields in Grid directive</li>
        <li>Pagination - splits the large data sets in multiple pages</li>
        <li>Touch support - scrolling, drag-drop, selection using touch</li>
        <li>Option to change the appearance of expand boxes on hover</li>
        <li>Show/hide of expand box on hover with animation</li>
        <li>Option to select multiple rows and items from code</li>
        <li>New properties:
            <ul>
                <li>grouping, an object that determines whether grouping feature is enabled in Grid directive</li>
                <li>paging, an object that determines whether pagination feature is enabled and the page size</li>
                <li>showExpandBoxes, determines whether expand boxes are visible or not in TreeView directive</li>
                <li>templateSettings, an object that specifies how template is used in TreeView directive</li>
            </ul>
        </li>
        <li>New methods:
            <ul>
                <li>clearSelection, removes the selection status from tabs in TabStrip directive</li>
                <li>getItemAt, which allows you to get the target item using mouse position</li>
                <li>getRowAt and getCellAt, which allows you to get the target row and cell using mouse position</li>
                <li>selectedItems, allows you to select multiple items from code</li>
                <li>selectedRows, allows you to select multiple rows from code</li>
            </ul>
        </li>
        <li>New events:
            <ul>
                <li>dragOver and dragDrop events now include the targetCell field</li>
            </ul>
        </li>
        <li><a href="http://www.lidorsystems.com/products/web/studio/features/">and much more ...</a></li>
    </ul>
    <h3 style="color: #c60d0d;">What's Fixed:</h3>
    <ul>
        <li>Vertical Scrollbar is no longer shown when all columns are hidden</li>
        <li>The order of moving column is now correctly set</li>
        <li>When tabs are removed from close button, the scroll position is now updated</li>
        <li>Scrolling is suppressed when loading animation is active</li>
        <li>When checkbox is disabled the checkmark is grayed</li>
        <li>Setting the showHeader property value to false, hides the grid header while still showing the rows</li>
        <li>CSS class for linear loading animation is now available for customization</li>
        <li>Fixed the problem which prevents cancelation of drag drop over control empty space</li>
        <li>Fixed an issues which causes changes to the referencing data object when data is loaded from a remote data source</li>
        <li>During dynamic resize, the size of header and footer block element is correctly updated</li>
        <li>The maximum scroll position is now correctly set to default when there is no scrollbar visible</li>
        <li>Multi selection now functions correctly when view is scrolled and CTRL key is not pressed</li>
        <li>Multiple selected rows are cleared on right-click</li>
        <li>Context menu applied to the grid no longer prevents firing of cellClick and rowClick events</li>
        <li>Grid cells with image no longer throws an error when image URL is not retrieved on time during data binding</li>
        <li>Other minor bug fixes</li>
    </ul>
    <h3>Content:</h3>
    <ul>
        <li>JavaScript files - located in /js directory</li>
        <li>CSS &amp; Themes - located in /css directory</li>
        <li>Samples - you can find samples for each widget in /samples directory</li>
        <li>Documentation - available online, accessible from here: <a href="http://www.lidorsystems.com/support/help/web/introduction/">Online Help</a></li>
        <li>License &amp; Purchase - for more information about our licensing model and purchase options, please visits us at <a href="http://www.lidorsystems.com/products/web/studio/pricing.aspx">License &amp; Purchase</a></li>
        <li>Other files - resources can found in /resources directory and jquery files are located at /external directory</li>
    </ul>
    <p style="margin-top:20px">For more information you can visit us on: </span><a href="http://www.lidorsystems.com/products/web/studio/">IntegralUI Studio home page</a></p>
    <div class="footer">
        <hr />
        <p><a href="http://www.lidorsystems.com">Copyright 2014-2016 Lidor Systems. All rights reserved.</a></p>
    </div>
</body>
</html>
